@import "../../../style/val.scss";

.mt168-p {
	padding-top: 1.68rem;
}

.mt128-p {
	padding-top: 1.28rem;
}
.repay-tip-modal {
	.am-modal-button-group-v .am-modal-button {
		color: rgba(64, 177, 93, 1);
	}
}
.repayment-money-page {
	.icon-choose {
		width: 0.3rem;
		height: 0.3rem;
		border-radius: 50%;
		border: 1px solid #c9c9c9;
		&.selected {
			position: relative;
			border: 1px solid rgba(64, 177, 93, 1);
			&:after {
				position: absolute;
				content: "";
				left: 0;
				right: 0;
				bottom: 0;
				margin: auto;
				width: 50%;
				height: 25%;
				border: 1px solid rgba(64, 177, 93, 1);
				transform: rotate(-45deg);
				top: -25%;
				border-top: none;
				border-right: none;
			}
		}
	}
	.bao-profit {
		position: relative;
		&:after {
			content: attr(value);
			position: absolute;
			margin-left: 0.18rem;
			top: -0.16rem;
			height: 0.3rem;
			line-height: 0.3rem;
			background: linear-gradient(to left, #fda713, #fb6e08);
			font-size: 0.2rem;
			color: #fff;
			padding: 0 0.1rem;
			border-top-left-radius: 0.14rem;
			border-bottom-right-radius: 0.14rem;
		}
	}
	.content-body {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		overflow: hidden;
		margin: 0;

		.repay-money-tips {
			font-size: 0.24rem;
			color: #d0021b;
			width: 100%;
			background-color: #ffe4e6;
			padding-top: 0.1rem;
			padding-bottom: 0.1rem;
			padding-left: 0.35rem;
			display: flex;
			justify-content: left;
			align-items: center;

			.img {
				width: 0.24rem;
				height: 0.24rem;
				margin-right: 0.1rem;
			}

			span {
				line-height: 0;
			}
		}

		.top-money {
			min-height: 2.3rem;
			width: 100%;
			background-color: #fff;

			.fen-qi-tips {
				padding: 0.2rem 0.3rem;
				width: 100%;
				font-size: 0.24rem;
				font-weight: 400;
				color: rgba(216, 67, 59, 1);
				line-height: 0.34rem;
				border-top: 0.01rem solid #ebebeb;
				margin-top: 0.2rem;
				box-sizing: border-box;
			}
			.money-tips {
				font-size: 0.28rem;
				color: #333333;
				margin-top: 0.34rem;
				padding-left: 0.48rem;
			}

			.money-num {
				font-size: 0.6rem;
				color: #030303;
				margin-top: 0.1rem;
				padding-left: 0.4rem;
				height: 0.84rem;
				line-height: 0.84rem;
				font-weight: 600;
			}
			.tips-far {
				width: 100%;
				height: 0.8rem;
				display: flex;
				flex-direction: row;
				justify-content: center;
				align-items: center;
				padding: 0 0.48rem;
				box-sizing: border-box;
				margin-bottom: 0.54rem;
				margin-top: 0.1rem;

				.tips-img {
					width: 0.4rem;
					height: 0.4rem;
				}
				.tips-t {
					flex: 1;
					width: 100%;
					height: 0.72rem;
					font-size: 0.26rem;
					font-weight: 400;
					color: rgba(136, 136, 136, 1);
					line-height: 0.36rem;
					margin-left: 0.3rem;
				}
			}
		}

		.center-bank {
			width: 100%;
			background-color: #ffffff;
			//height: 2.7rem;

			margin-top: 0.18rem;
			.font-blue {
				color: #5f9bf6;
			}
			.font-red {
				color: #bb0b1a;
			}
			.bank-top {
				width: 100%;
				height: 0.83rem;
				display: flex;
				flex-direction: row;
				padding: 0 0.35rem;
				align-items: center;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				// font-size: 0.32rem;
				.top-left {
					flex: 1;
					text-align: left;
					font-size: 0.3rem;
				}

				.top-right {
					flex: 1;
					color: #00a0dd;
					text-align: right;
				}
			}

			.bank-item {
				// background-color: #fff;
				// border-top: 1px solid #e3e3e366;
				width: 100%;
				height: 1.85rem;
				display: flex;
				flex-direction: row;
				padding: 0 0.35rem 0 0;
				align-items: center;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				&.no-border {
					border-top: none;
				}
				.item-left-img {
					width: 0.84rem;
					height: 0.84rem;
					margin-left: 0.22rem;
					margin-right: 0.22rem;
					border-radius: 0.42rem;
				}

				.item-center {
					display: flex;
					flex-direction: column;
					flex: 1;
					height: 0.77rem;
					justify-content: space-around;

					.center-top {
						font-size: 0.3rem;
						color: #333333;
					}

					.center-bottom {
						font-size: 0.24rem;
						color: #9d9d9d;
					}
				}

				.bank-right {
					//width: 0.54rem;
					margin-right: 0.06rem;
					font-size: 0.28rem;
					color: #707070;
				}

				.item-right-arrow {
					width: 0.3rem;
					height: 0.3rem;
				}
			}
		}

		.line-2 {
			width: 7.1rem;
			height: 0.02rem;
			margin-left: 0.2rem;
			background-color: #f1f1f1;
		}

		.submit-div {
			width: 100%;
			display: flex;
			flex-direction: column;

			.submit-tips {
				width: 100%;
				height: 0.6rem;
				line-height: 0.6rem;
				color: #707070;
				margin-left: 0.43rem;
			}

			.submit-btn {
				display: block;
				font-size: 0.28rem;
				color: #fff;
				margin-top: 1.16rem;
				margin-left: 0.26rem;
				text-align: center;
				line-height: 0.8rem;
				box-sizing: border-box;
				-webkit-box-sizing: border-box;
				justify-content: center;
				width: 6.96rem;
				height: 0.8rem;
				background: rgba(64, 177, 93, 1);
				border-radius: 0.4rem;
				// text-decoration: underline;
			}
		}

		.switch-money {
			width: 100%;
			height: 1.91rem;
			margin-top: 0.92rem;

			.switch-tip {
				font-size: 0.24rem;
				width: 6.68rem;
				margin-left: 0.43rem;
				line-height: 0.37rem;
				color: #707070;
			}

			.list {
				padding: 0 0.3rem;
				background: $color8;
				border: 1px solid $color5;
				margin-top: 0.2rem;

				.item {
					border-top: 1px solid $color5;
					height: 1.08rem;
					display: flex;
					align-items: center;
					position: relative;

					&:first-child {
						border-top: none;
					}

					.item-left {
						font-size: $fontSize28;
						font-family: $font-family;
						color: $color2;
						text-align: left;
						flex: 1;
					}

					.item-right-arrow {
						width: 0.3rem;
						height: 0.3rem;
					}
				}
			}
		}
	}

	.icon-bank {
		max-width: 0.48rem;
		max-height: 0.46rem;
		display: block;
		margin-left: 0.52rem;
	}

	.bank-list {
		margin-top: 3rem;
		flex: 1;

		li {
			border-top: solid 1px $color5;
			display: flex;
			height: 0.7rem;
			justify-content: flex-start;
			align-items: center;

			&:first-child {
				border-top: none;
			}

			.bank-title {
				flex: 2;
				margin-left: 0.46rem;
				font-size: $fontSize28;
				font-family: $font-family;
			}

			.bank-money {
				flex: 1;
			}
		}
	}

	.header-list-content {
		.dialog-con .icon-text-body {
			max-height: 5.86rem;
		}
	}
	.zfb-item {
		width: 100%;
		height: 1.48rem;
		box-sizing: border-box;
		margin-top: 0.22rem;
		display: flex;
		flex-direction: row;
		align-items: center;
		background: rgba(255, 255, 255, 1);
		font-size: 0.3rem;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 500;
		color: rgba(85, 85, 85, 1);
		padding-left: 0.48rem;
		.item-left-img {
			width: 0.6rem;
		}
		.pay-label {
			margin-left: 0.22rem;
		}
		.item-right-arrow {
			width: 0.3rem;
			position: absolute;
			right: 0.35rem;
		}
	}
}
